<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>:: Sistema de Seguimiento de Proyectos 0.1 ::</title>
	<link rel="icon" type="image/png" href="favicon.png" />
	<link href="resources/styles/css_login.css" type="text/css"
		rel="stylesheet" />
</h:head>
<h:body>
	<h:form id="frmLogin">
		<div id="formulario_login">
			<div id="banner_login">
				<img src="resources/images/logo_sigpro.png" />
			</div>

			<div id="contenido_formulario_login">
				<span>Inicie sesión con su cuenta corporativa</span>
				<div style="margin: 30px 0px 0px 0px;">
					<div style="width: 355px;">
						<p:messages id="msgError" closable="true" />
					</div>
					<p:inputText styleClass="login_textfield" id="txtUsuario"
						required="true" requiredMessage="Ingrese usuario"
						value="#{login.username}">
					</p:inputText>
					<p:watermark value="Ingrese su usuario" for="txtUsuario" />
					<p:tooltip for="txtUsuario" value="Ingrese su usuario, requerido"
						showEffect="slide" hideEffect="slide" />
				</div>
				<div style="margin: 10px 0px 0px 0px;">
					<p:password styleClass="login_textfield" id="txtContrasena"
						required="true" requiredMessage="Ingrese contraseña"
						value="#{login.clave}">
						<p:ajax event="blur" update="lstProyecto"
							listener="#{login.consultarProyectos}"
							process="@this, txtUsuario" />
					</p:password>
					<p:watermark value="Ingrese su contraseña" for="txtContrasena" />
					<p:tooltip for="txtContrasena"
						value="Ingrese su contraseña, requerido" showEffect="slide"
						hideEffect="slide" />
				</div>
				<div style="margin: 10px 0px 0px 0px;">
					<p:selectOneMenu effect="fade" required="true"
						value="#{login.pryctoSelected}"
						requiredMessage="Seleccione proyecto" id="lstProyecto"
						converter="proyectoConverter" styleClass="login_listfield"
						style="width:350px;">
						<f:selectItem itemLabel="-- Seleccione su proyecto --"
							noSelectionOption="true" />
						<f:selectItems value="#{login.pryctoLst}" var="p"
							itemLabel="#{p.nmbre}" itemValue="#{p}" />
					</p:selectOneMenu>
					<p:tooltip for="lstProyecto"
						value="Seleccione el proyecto que desea gestionar, requerido"
						showEffect="slide" hideEffect="slide" />
				</div>
				<div style="margin: 4px 0px">
					<p:ajaxStatus style="width:220px;height:16px;" id="ajaxStatusPanel">
						<f:facet name="start">
							<h:graphicImage value="resources/images/icons/loader-circle.gif" />
							<p:spacer width="5" height="10" />
							<h:outputText value="Procesando credenciales" />
						</f:facet>
						<f:facet name="complete">
						</f:facet>
					</p:ajaxStatus>
				</div>
				<div style="margin: 50px 0px 0px 0px;">
					<p:commandButton update="frmLogin"
						styleClass="boton_login right_position"
						action="#{login.validarUsuario}" style="margin-right: 90px;"
						icon="_ui-icon-check" value="Ingresar" />
				</div>

				<div style="margin: 130px 0px 0px 0px; width: 100%">
					<p:commandLink value="¿No puede acceder a su cuenta?"
						styleClass="enlace_formulario" />
				</div>
			</div>

			<div id="footer_login">
				<table width="90%" align="center">
					<tr>
						<td style="width: 88px;"><img
							src="resources/images/log_csi_ft.jpg" /></td>
						<td><div>
								<span>Todos los derechos reservados 2014.</span>
							</div></td>
					</tr>

				</table>
			</div>
		</div>
	</h:form>
</h:body>
</html>